<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="/struts-tags" prefix="s"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>

<%@ taglib tagdir="/WEB-INF/tags" prefix="tag"%>

<s:set var="user_info" value="%{#session.USER_INFO}" />
<s:if test="%{#user_info == null}"><jsp:forward page="login.jsp"></jsp:forward></s:if>

<s:if test="%{#request.EVENT_LIST == null}">
	<s:action name="Index" namespace="/default" executeResult="false" />
</s:if>



<html>
	<head>
		<title>EPCS Calendar</title>
		<link href="css/bootstrap.css" rel="stylesheet" media="screen">
		<link href="css/bootstrap-theme.css" rel="stylesheet" media="screen">
		<link href="css/ace.min.css" rel="stylesheet" media="screen">
		<link href="css/font-awesome.min.css" rel="stylesheet"/>
		<link href="css/jquery.tagsinput.css" rel="stylesheet"/>
		<link href="css/trung-style.css" rel="stylesheet" media="screen">
		<link href='css/cupertino/jquery-ui.min.css' rel='stylesheet' />
		<link href='fullcalendar/fullcalendar.css' rel='stylesheet' />
		<link href='fullcalendar/fullcalendar.print.css' rel='stylesheet' media='print' />
		<link href="css/daterangepicker-bs3.css" rel="stylesheet" type="text/css" media="all"/>
		<link href="css/jquery.gritter.css" rel="stylesheet" type="text/css" media="all"/>

		
		<script src="js/jquery.min.js"></script>
		<script src="js/jquery-1.9.0.min.js"></script>
		<script src="js/jquery.tagsinput.js"></script>
		<script src="js/bootstrap.js"></script>
		<script src="js/ace.min.js"></script>
		<script src="js/moment.js"></script>
		<script src="js/daterangepicker.js"></script>
		<script src='js/jquery-ui.custom.min.js'></script>
		<script src='fullcalendar/fullcalendar.min.js'></script>
		<script src='fullcalendar/lang/all.js'></script>
		<script src='fullcalendar/lang/vi.js'></script>
		<script src='js/jquery-ui.min.js'></script>	
		
		<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?v=3.exp&amp;sensor=false&amp;libraries=places"></script>
	
		<style type="text/css">
			.fc-content{
				margin-bottom: 20px;
			}
			.tagsinput{
				min-height: 70px !important;
			}
			.ui-corner-all{
				color: #797979	!important;
				background: #cde69c !important;
			}
			.ui-autocomplete{
				width: auto;
			}
			#invitedPerson_create_tag {
				width: 130px !important;
			}			
		</style>
	</head>
<body>

	<div class="index">
		<!--header -->
		<tag:HeaderTag username="${user_info.fullname}">
		
			<jsp:body>
			<div class="breadcrumbs" id="breadcrumbs" style="margin-bottom: 10px">
				<ul class="breadcrumb" style="margin: 8px;">
					<li><i class="icon-home home-icon"></i>Trang chủ</li>
				</ul>
				<!-- .breadcrumb -->
			</div>
			</jsp:body>
		</tag:HeaderTag>
		<!--end header -->

		<!-- main body -->
		<tag:SideBarTag active_area="1"></tag:SideBarTag>

		<div class="main-content">
			<tag:MessageAlertTag></tag:MessageAlertTag>
			<div class="page-content">
				<div id='calendar' style="position: absolute;width: 780px;"></div>
			</div>
		</div>
		
		<!-- Modal -->
		<tag:DetailAndUpdateEventTag></tag:DetailAndUpdateEventTag>
		<!-- /.modal -->
		
		<!-- create event modal -->
		<tag:CreateEventTag></tag:CreateEventTag>
		<!-- END create event modal -->
		
		<!-- end body -->
	</div>



<!-------------------------- Full calendar ----------------------->
<s:set var="eventList" value="%{#request.EVENT_LIST}"></s:set>
<s:if test="%{#eventList !=null}">
<script>

	var eventList = ${eventList};
</script>	
</s:if>
<s:else>
<script>

	var eventList = "";
</script>
</s:else>
<!--------------------------END Full calendar ----------------------->


</body>

<script>
var choosenEndWeekGlobal;
var choosenEndDateGlobal;
$(document).ready(function() {
	
	var currentLangCode = 'vi';

	function renderCalendar() {
	    $('#calendar').fullCalendar({
		header : {
		    left : 'prev,next today',
		    center : 'title',
		    right : 'month,agendaWeek,agendaDay'
		},
		defaultView: 'month',
		lang : currentLangCode,
		buttonIcons : '', // show the prev/next text'
		weekNumbers : true,
		editable : false,
		slotMinutes: 15,
		events : eventList,
		dayClick: function(date, jsEvent, view) {

		        //alert('Value of: ' + date.valueOf());
		        //alert('to ISo: ' + date.format());
		        //alert('Current view: ' + view.name);
		         //$('#daterange_start_show_create').val(date.format());
		        //$('#daterange_start_create').val(date.format());
		        //$('#daterange_end_show_create').val(date.format());
		        // mo modal create new event
		        
		        //-------------------------//
		        //--Start day-time picker--//
		        //Khi user click vao 1 ngày trên lịch, ngày đó sẽ đc truyền vào các element trong date-time picker
		        //Các ràng buộc :
		       	//Nếu là all day event thì ngày kết thúc khi add xuống database sẽ là ngày 00h 00ph ngày kết thúc + 1
		       	// Vd : Event cả ngày từ 1/2 -> 4/2 : khi user chọn thì vẫn là từ 1/2 -> 4/2 , nhưng add vô db là 00h 00h 1/2 -> 00h 00ph 5/2
		       	//Mỗi lần mở modal create Event thì checkbox AlldayEvent luôn đc check
		        //-------------------------//
		        
		        //Get Fullday,cái đc click chọn
		        var choosenDate = date.format();
		       	var x = date.toDate();
		        var currentDate = new Date();
		      	//Ngay hien tai
		        var currentDay = moment().clone();
		        currentDay.hours(0);
		        currentDay.minute(0);
		        currentDay.second(0);
		        currentDay.millisecond(0);
		        
		        //Validate chon ngay tren lich
		        if (x.getFullYear()< currentDate.getFullYear() ) {
		        	//TRUE Clicked date smaller than today + daysToadd
		        	$("#notification-calender").empty();
		        	document.getElementById('notification-calender').innerHTML="Bạn không được chọn ngày nhỏ hơn ngày hiện tại!";
		        	document.getElementById('notification-calender').style.display = "block";
		        	setTimeout('$("#notification-calender").hide()',3000);
		        	return false;
		        }else if(x.getFullYear() == currentDate.getFullYear() && x.getMonth() < currentDate.getMonth() ){
		        	$("#notification-calender").empty();
		        	document.getElementById('notification-calender').innerHTML="Bạn không được chọn ngày nhỏ hơn ngày hiện tại!";
		        	document.getElementById('notification-calender').style.display = "block";
		        	setTimeout('$("#notification-calender").hide()',3000);
		        	return false;
		        	
		        }else if(x.getFullYear() == currentDate.getFullYear() && x.getMonth() == currentDate.getMonth() && x.getDate() < currentDate.getDate() ){
		        	$("#notification-calender").empty();
		        	document.getElementById('notification-calender').innerHTML="Bạn không được chọn ngày nhỏ hơn ngày hiện tại!";
		        	document.getElementById('notification-calender').style.display = "block";
		        	setTimeout('$("#notification-calender").hide()',3000);
		        	return false;
		        }
		        //substring ngày đc chọn để lấy ngày		        
		        var choosenYear = parseInt(choosenDate.substring(0,4));
		        var choosenMonth = parseInt(choosenDate.substring(5,7))-1;
		        var choosenDay = parseInt(choosenDate.substring(8,10));
		       
		        var startInput_create = document.getElementById('daterange_start_create');
		    	var endInput_create = document.getElementById('daterange_end_create');
		    	var startShow_create = document.getElementById('daterange_start_show_create');
		    	var endShow_create = document.getElementById('daterange_end_show_create');
		    	
		    	function getValidMoment_create(){
		    		var theMoment = moment().clone();
		    		//Add ngày chọn vào biến ngày hiện tại		    		
		    		theMoment.year(choosenYear);
		    		theMoment.month(choosenMonth);
		    		theMoment.date(choosenDay);
		    		//theMoment.date('17');
		    		theMoment.seconds(33);
		    		var minutes = theMoment.minutes();
		    		var modNumber = minutes%5;
		    		
		    		if (modNumber >0 && modNumber <3){			
		    			theMoment.subtract("minutes", modNumber);			
		    		} else if (modNumber >= 3 && modNumber <5){
		    			theMoment.add("minutes", 5-modNumber);
		    		}
		    		return theMoment;
		    	}
		    	
		    	var currentTime_create = getValidMoment_create();
		    	startInput_create.value = currentTime_create.format('YYYY-MM-DDT00:00:00Z');
		    	startShow_create.value = currentTime_create.format('DD/MM/YYYY');
		    	endInput_create.value = currentTime_create.format('YYYY-MM-DDT00:00:00Z');
		    	endShow_create.value = currentTime_create.format('DD/MM/YYYY');
		    	
		    	
		    	$('#daterange_create').daterangepicker(
		    	{ 
		    		timePicker: true,
		    		opens:"left",
		    		timePicker12Hour: true,
		    		showWeekNumbers: true,
		    		startDate:currentTime_create.clone().add({minutes:30}),
		    		endDate:currentTime_create.clone().add({minutes:60}),
		    		minDate: currentDay.clone(),
		    		/*maxDate: currentTime.clone().add({minutes:60}),*/
		    		timePickerIncrement: 5,
		    		format: "DD/MM/YYYY (hh:mm A)",
		    		separator:" đến ",
		    	},
		    		function(start, end) {
		    			//validate start time (start ko the nho hon start standard, 30 phut)
		    			//if(start.minutes() >= currentTime_create.clone().add({minutes:5}).minutes()){
		    				/*var startInput = document.getElementById('daterange_start');
		    				var endInput = document.getElementById('daterange_end');*/
		    				startInput_create.value = start.format('YYYY-MM-DDTHH:mm:00Z');
		    				endInput_create.value = end.format('YYYY-MM-DDTHH:mm:00Z');
		    				startShow_create.value = start.format('DD/MM/YYYY (hh:mm A)');
		    				endShow_create.value = end.format('DD/MM/YYYY (hh:mm A)');		    				
		    			/*}else if(start.minutes() >= currentTime_create.clone().add({minutes:30}).minutes()){
		    				/*var startInput = document.getElementById('daterange_start');
		    				var endInput = document.getElementById('daterange_end');*/
		    			/*	startInput_create.value = start.format('YYYY-MM-DDTHH:mm:00Z');
		    				endInput_create.value = end.format('YYYY-MM-DDTHH:mm:00Z');
		    				startShow_create.value = start.format('DD/MM/YYYY (hh:mm A)');
		    				endShow_create.value = end.format('DD/MM/YYYY (hh:mm A)');
		    			}*/
		    		}
		    	);
		    	
		    	$('#daterange_allday_create').daterangepicker(
		    	{ 
		    		/*timePicker: false,
		    		timePicker12Hour: false,*/
		    		showWeekNumbers: true,
		    		opens:"left",
		    		minDate: currentDay.clone(),
		    		format: "DD/MM/YYYY",
		    		startDate: currentTime_create.clone(),
		    		separator:" đến hết ",
		    		endDate: currentTime_create.clone(),
		    		ranges: {
		    			 'Ngày vừa chọn': [currentTime_create.clone(), currentTime_create.clone()],
		    			 'Ngày kế': [currentTime_create.clone().add({days:1}), currentTime_create.clone().add({days:1})],
		    		},
		    	},
		    		function(start, end) {
		    			startInput_create.value = start.format('YYYY-MM-DDT00:00:00Z');
		    			endInput_create.value = end.clone().format('YYYY-MM-DDT00:00:00Z');
		    			startShow_create.value = start.format('DD/MM/YYYY');
		    			endShow_create.value = end.clone().format('DD/MM/YYYY');
		    		}
		    	);
		    	
		    	$('#isAllDay_create').change(function() {
		    		startInput_create.value = "";
		    		endInput_create.value = "";
		    		// 
		    		var isAlldayEvent = $(this).is(':checked');
		    		if(isAlldayEvent){
		    			$('#alldayPicker_create').show();
		    			$('#notAlldayPicker_create').hide();
		    			setDateTime_create("allday");
		    			document.getElementById('reminder-max').innerHTML=("10-180phút");
		    		} else {		    			
		    			$('#notAlldayPicker_create').show();
		    			$('#alldayPicker_create').hide();
		    			setDateTime_create("nonallday");
		    			currentMillisecond = moment().valueOf();
		    			startTimeValue = $('#daterange_start_create').val();
		    			startTimeMillisecond = Date.parse(startTimeValue);
		    			var differenceMillisecond = startTimeMillisecond - currentMillisecond;
		    			var differenceMin = differenceMillisecond/(60000);
		    			var y = differenceMin % 1;
		    			var maxTimeReminder = differenceMin - y ;
		    			if(maxTimeReminder > 180){
		    				maxTimeReminder = 180;
		    			}
		    			$('#reminder').attr({"max" : maxTimeReminder,});
		    			document.getElementById('reminder-max').innerHTML=("10-"+maxTimeReminder+"phút");
		    		};
		    		
		    	});
		    	
		    	function setDateTime_create(type){
		    		if (type == 'allday'){
		    			startInput_create.value = currentTime_create.clone().format('YYYY-MM-DDT00:00:00Z');
		    			startShow_create.value = currentTime_create.clone().format('DD/MM/YYYY');
		    			endInput_create.value = currentTime_create.clone().format('YYYY-MM-DDT00:00:00Z');
		    			endShow_create.value = currentTime_create.clone().format('DD/MM/YYYY');
		    		} else if (type== 'nonallday'){
		    			// event phai co start it nhat 30 phut sau thoi diem hien tai
		    			startInput_create.value = currentTime_create.clone().add({minutes:30}).format('YYYY-MM-DDTHH:mm:00Z');
		    			startShow_create.value = currentTime_create.clone().add({minutes:30}).format('DD/MM/YYYY (hh:mm A)');
		    			// event co do interval toi thieu 30 phut so voi start --> 60 phut so voi hien tai
		    			endInput_create.value = currentTime_create.clone().add('minutes', 60).format('YYYY-MM-DDTHH:mm:00Z');
		    			endShow_create.value = currentTime_create.clone().add('minutes', 60).format('DD/MM/YYYY (hh:mm A)');
		    		}
		    	}
		    	
		    	//Thực hiện ràng buộc : mỗi khi mở modal thì checkbox allday luôn đc check
		    	var allDay = $('#isAllDay_create').is(':checked');
		    	if(allDay == false){
		    		$("#isAllDay_create").prop("checked", true);  			    				    			    		
		    		$('#alldayPicker_create').show();
	    			$('#notAlldayPicker_create').hide();
	    			setDateTime_create("allday");
	    			document.getElementById('reminder-max').innerHTML=("10-180phút");
	    			document.getElementById('notify-reminder').innerHTML=("");
	    			document.getElementById('reminder-now').style.display = 'none';
	    			$('.input-group').show();
    				$("#reminder_now").prop("checked", false); 
    				$('#reminder').val(10);
		    	}
		    	document.getElementById('error-time').innerHTML=" ";
				document.getElementById('error-title').innerHTML=" ";
		    	//Script khi click chon ngay gio
		    	
		    	$("#daterange_create").click(function(){
		    		//$('.right .calendar-time').after("<p id='noti-endChoosentime' style='color:red'></p>");
		    		
		    	});
		    	
		    	
		    	//Script khi click apply
		    	$(".applyBtn").click(function(){
		    		
		    		//alert ('aa');
		    		//Lấy tr chứa ngày đang đc chọn
		    		var rowOfWeek = $(".calendar.left").find('.active').closest('tr');
		    		//Lấy week của tr đó
		    		//Week cua ngay dang dc chon
		    		var choosenWeek = parseInt(rowOfWeek.find('.week').html()) + 1;
		    		var choosenDate = parseInt(rowOfWeek.find('.active').html());
		    		var choosenHours = parseInt($('.left .hourselect :selected').text());
		    		var choosenMins = parseInt($('.left .minuteselect :selected').text());
		    		var choosenAmPm = $('.left .ampmselect :selected').text();
		    		if (choosenHours == 12){
		    			choosenHours = 0;
		    		}
		    		if(choosenAmPm == "PM"){
		    			choosenHours = choosenHours + 12;
		    		};		    		
		    		//Week hien tai
		    		var currentWeek = moment().week();
		    		if(moment().weekday() == 6 ){
		    			currentWeek ++;
		    		};
		    		var currentDate = moment().date();
		    		//Ngay dang chon
	    			//var choosenFullDay = new Date(moment().year() , moment().month(), moment().date(), choosenHours, choosenMins, 0, 0);
	    			//millisecond ngay dang chon
	    			//choosenMillisecond = choosenFullDay.getTime();
	    			//milisecond hien tai
	    			currentMillisecond = moment().valueOf();
	    			//Neu chung tuan trong nam va ngay
		    		if(currentWeek==choosenWeek && currentDate == choosenDate ){	
		    			var choosenFullDay = new Date(moment().year() , moment().month(), moment().date(), choosenHours, choosenMins, 0, 0);
		    			//millisecond ngay dang chon
		    			choosenMillisecond = choosenFullDay.getTime();
		    			// nếu thời gian được chọn nhỏ hơn thời gian hiện tại + 10 phút
		    			if( choosenMillisecond < (currentMillisecond + 600000) ){
		    				$('#noti-choosentime').remove();	
		    				$('#noti-choosentime3').remove();
		    				$('.left .calendar-time').after("<p id='noti-choosentime3' style='color:red'>Giờ bắt đầu phải lớn hơn giờ hiện tại 10 phút</p>");
		    				//setTimeout('$("#noti-choosentime3").hide()',5000);
		    				return false;
		    			};		    			
		    		};
		    		//Lấy tr của ngày kết thúc
		    		var rowOfEndWeek = $(".calendar.right").find('.active').closest('tr');
		    		var choosenEndWeek = parseInt(rowOfEndWeek.find('.week').html()) + 1;
		    		var choosenEndDate = parseInt(rowOfEndWeek.find('.active').html());
		    		var choosenEndHours = parseInt($('.right .hourselect :selected').text());
		    		var choosenEndMins = parseInt($('.right .minuteselect :selected').text());
		    		var choosenEndAmPm = $('.right .ampmselect :selected').text();
		    		if (choosenEndHours == 12){
		    			choosenEndHours = 0;
		    		}
		    		if(choosenEndAmPm == "PM"){
		    			choosenEndHours = choosenEndHours + 12;
		    		};
		    		if(choosenWeek == choosenEndWeek && choosenDate == choosenEndDate){
		    			var choosenFullDay = new Date(moment().year() , moment().month(), moment().date(), choosenHours, choosenMins, 0, 0);
		    			//millisecond ngay dang chon
		    			choosenMillisecond = choosenFullDay.getTime();
		    			
		    			var choosenEndFullDay = new Date(moment().year() , moment().month(), moment().date(), choosenEndHours, choosenEndMins, 0, 0);
		    			//millisecond ngay dang chon
		    			choosenEndMillisecond = choosenEndFullDay.getTime();
		    			if( (choosenMillisecond + 600000) > choosenEndMillisecond){
		    				$('#noti-endChoosentime').remove();    				
		    				$('.right .calendar-time').after("<p id='noti-endChoosentime' style='color:red'>Sự kiện phải từ 10 phút trở lên</p>");
		    				//setTimeout('$("#noti-endChoosentime").hide()',5000);
		    				return false;
		    			};
		    		}
		    		
		    		if( $('#isAllDay_create').is(':checked') == false && currentWeek==choosenWeek && currentDate == choosenDate ){
		    			
		    			var choosenFullDay = new Date(moment().year() , moment().month(), moment().date(), choosenHours, choosenMins, 0, 0);
		    			//millisecond ngay dang chon
		    			choosenMillisecond = choosenFullDay.getTime();
		    			
		    			//khoảng thời gian từ hiện tại cho tới lúc bắt đầu sự kiện
		    			var differenceMillisecond = choosenMillisecond - currentMillisecond;
		    			var differenceMin = differenceMillisecond/(60000);
		    			var y = differenceMin % 1;
		    			var maxTimeReminder = differenceMin - y ;
		    			if(maxTimeReminder > 180){
		    				maxTimeReminder = 180;
		    			}
		    			$('#reminder').attr({"max" : maxTimeReminder,});
		    			document.getElementById('reminder-max').innerHTML=("10-"+maxTimeReminder+"phút");
		    			
		    			//Kiểm tra xem thời cgian bắt đầu có trong khoảng từ + 10 > + 30 không
		    			if( choosenMillisecond < (currentMillisecond + 1800000)  ){		    			
		    			//nếu thời gian được chọn lớn hơn thời gian hiện tại + 10 phút nhưng bé hơn thời gian hiện tại + 30 phút
		    				document.getElementById('notify-reminder').innerHTML="(Cảnh báo: Thời gian bắt đầu quá gần)";
		    				$('#reminder').attr({"max" : maxTimeReminder,});
		    				$('#reminder').val(10);
		    				document.getElementById('reminder-max').innerHTML=("10-"+maxTimeReminder+"phút");
		    				document.getElementById('reminder-now').style.display = 'block';
		    				$('.input-group').show();
		    				$("#reminder_now").prop("checked", false); 
		    			}else{
		    				$('#reminder').val(10);
		    				document.getElementById('notify-reminder').innerHTML="";
		    				document.getElementById('reminder-now').style.display = 'none';
		    				$('.input-group').show();
		    				$("#reminder_now").prop("checked", false); 
		    			};
		    		};
		    	});
		    	// end script khi click apply
		    	
		    	
		    	//Sự kiện khi người dùng click reminder now
		    	$("#reminder_now").change(function(){
		    		var reminderNow= $('#reminder_now').is(':checked');
		    		if(reminderNow){
		    			var maxReminder = $('#reminder').prop('max');
		    			$('#reminder').val(maxReminder);
		    			$('.input-group').hide();
		    		}else{
		    			$('#reminder').val(10);
		    			$('.input-group').show();
		    		}
		    	});
		    	
		    	//--Sự kiện khi người dùng thay đổi ngày bắt đầu
		    	//--------------------------------------------//	    			    	
		    	$(".calendar.left").change(function(){
		    		moment().startOf('week').isoWeekday(7);
		    		//alert ('aa');
		    		//Lấy tr chứa ngày đang đc chọn
		    		var rowOfWeek = $(".calendar.left").find('.active').closest('tr');
		    		//Lấy week của tr đó
		    		//Week cua ngay dang dc chon
		    		var choosenWeek = parseInt(rowOfWeek.find('.week').html()) + 1;
		    		var choosenDate = parseInt(rowOfWeek.find('.active').html());
		    		var choosenHours = parseInt($('.left .hourselect :selected').text());
		    		var choosenMins = parseInt($('.left .minuteselect :selected').text());
		    		var choosenAmPm = $('.left .ampmselect :selected').text();
		    		if (choosenHours == 12){
		    			choosenHours = 0;
		    		}
		    		if(choosenAmPm == "PM"){
		    			choosenHours = choosenHours + 12;
		    		};	
		    		
		    		//Week hien tai
		    		var currentWeek = moment().week();
		    		if(moment().weekday() == 6 ){
		    			currentWeek ++;
		    		};		    		
		    		var currentDate = moment().date();
		    		if(currentWeek==choosenWeek && currentDate == choosenDate ){
		    			//Ngay dang chon
		    			var choosenFullDay = new Date(moment().year() , moment().month(), moment().date(), choosenHours, choosenMins, 0, 0);
		    			//millisecond ngay dang chon
		    			choosenMillisecond = choosenFullDay.getTime();
		    			//milisecond hien tai
		    			currentMillisecond = moment().valueOf();
		    			// nếu thời gian được chọn nhỏ hơn thời gian hiện tại + 10 phút
		    			if( choosenMillisecond < (currentMillisecond + 600000) ){
		    				$('.left .calendar-time').after("<p id='noti-choosentime' style='color:red'>Giờ bắt đầu phải lớn hơn giờ hiện tại 10 phút</p>");
		    				//setTimeout('$("#noti-choosentime").hide()',3000);
		    			}else if( choosenMillisecond < (currentMillisecond + 1800000)  ){		    			
		    			//nếu thời gian được chọn lớn hơn thời gian hiện tại + 10 phút nhưng bé hơn thời gian hiện tại + 30 phút
		    				$('.left .calendar-time').after("<p id='noti-choosentime2' style='color:orange'>Cảnh báo: Thời gian bắt đầu quá gần (nên lớn hơn nửa tiếng so với hiện tại) !!</p>");
		    				//setTimeout('$("#noti-choosentime2").hide()',5000);
		    			};
		    			
		    		};
		    		
		    	});
		    	
		    	
		    	//Su kien khi nguoi dung thay doi ngay ket thuc
		    	
		    	$(document).on('click','.table-condensed',function() {
		    		var rowOfEndWeek = $(".calendar.right").find('.active').closest('tr');
		    		choosenEndWeekGlobal = parseInt(rowOfEndWeek.find('.week').html()) + 1;
		    		choosenEndDateGlobal = parseInt(rowOfEndWeek.find('.active').html());
				});
		    	
		    	//Su kien khi nguoi dung thay doi gio ket thuc
		    	$(".calendar.right").change(function(){
		    		//alert ('aa');
		    		//Lấy tr chứa ngày đang đc chọn
		    		var rowOfEndWeek = $(".calendar.right").find('.active').closest('tr');
		    		//Lấy week của tr đó
		    		//Week cua ngay dang dc chon
		    		//Neu khong chon ngay ket thuc
		    		if(choosenEndWeekGlobal == null && choosenEndDateGlobal == null){
		    			var choosenEndWeek = parseInt(rowOfEndWeek.find('.week').html()) + 1;
		    			var choosenEndDate = parseInt(rowOfEndWeek.find('.active').html());
		    		}else{
		    			choosenEndWeek = choosenEndWeekGlobal;
		    			choosenEndDate = choosenEndDateGlobal;
		    		}
		    		
		    		var choosenEndHours = parseInt($('.right .hourselect :selected').text());
		    		var choosenEndMins = parseInt($('.right .minuteselect :selected').text());
		    		var choosenEndAmPm = $('.right .ampmselect :selected').text();		    		
		    		if (choosenEndHours == 12){
		    			choosenEndHours = 0;
		    		}
		    		if(choosenEndAmPm == "PM"){
		    			choosenEndHours = choosenEndHours + 12;
		    		};
		    		//Week hien tai
		    		var rowOfWeek = $(".calendar.left").find('.active').closest('tr');
		    		//Lấy week của tr đó
		    		//Week cua ngay dang dc chon
		    		var choosenWeek = parseInt(rowOfWeek.find('.week').html()) + 1;
		    		var choosenDate = parseInt(rowOfWeek.find('.active').html());
		    		var choosenHours = parseInt($('.left .hourselect :selected').text());
		    		var choosenMins = parseInt($('.left .minuteselect :selected').text());
		    		var choosenAmPm = $('.left .ampmselect :selected').text();
		    		if (choosenHours == 12){
		    			choosenHours = 0;
		    		}
		    		if(choosenAmPm == "PM"){
		    			choosenHours = choosenHours + 12;
		    		};	
		    		
		    		if(choosenEndWeek==choosenWeek && choosenEndDate == choosenDate ){
		    			//Ngay dang chon
		    			var choosenFullDay = new Date(moment().year() , moment().month(), moment().date(), choosenHours, choosenMins, 0, 0);
		    			//millisecond ngay dang chon
		    			choosenMillisecond = choosenFullDay.getTime();
		    			var choosenEndFullDay = new Date(moment().year() , moment().month(), moment().date(), choosenEndHours, choosenEndMins, 0, 0);
		    			//millisecond ngay dang chon
		    			choosenEndMillisecond = choosenEndFullDay.getTime();
		    			
		    			// nếu thời gian được chọn nhỏ hơn thời gian hiện tại + 10 phút
		    			if( choosenMillisecond  > choosenEndMillisecond ){
		    				$('.right .calendar-time').after("<p id='noti-endChoosentime' style='color:red'>Giờ kết thúc phải lớn hơn giờ bắt đầu</p>");
		    				//setTimeout('$("#noti-endChoosentime").hide()',5000);
		    			}else if( (choosenMillisecond +600000) > choosenEndMillisecond ){
		    				$('.right .calendar-time').after("<p id='noti-endChoosentime' style='color:red'>Sự kiện phải từ 10 phút trở lên</p>");
		    				//setTimeout('$("#noti-endChoosentime").hide()',5000);
		    			}else{
		    				$('.applyBtn ').removeAttr("disabled");
		    			};
		    			
		    		};
		    		
		    	});
		    	
		    	/*$(".daterangepicker").blur(function(){
		    	    alert("This input field has lost its focus.");
		    	  });
		    	
		    	$(document).ready(function(){
		    		$(".calendar.left").change(function(){
			    		alert ('aa');
			    		
			    	});
				});*/
		    	
		    	/*
		    	var stringOfEndTime = document.getElementById('daterange_end_create').value;
	    		//Vi Endtime la string, substring xong se ra string, parse chuoi string do qua int, sau do + 1 lam endtime moi
	    		var dayOfEndTime = parseInt(stringOfEndTime.substring(8,10)) + 1;
	    		var newdayOfEndTime = stringOfEndTime.substring(0,8) + dayOfEndTime + stringOfEndTime.substring(10,stringOfEndTime.length);
	    		$('#daterange_end_create').val(newdayOfEndTime);	
		    	*/
		    	
		    	//-----------------------//
		        //--End day-time picker--//
		        //-----------------------//
		        
		    	$("#eventCreateModal").modal('show');
		        
		    },
	    	eventClick: function(eventObj, jsEvent, view) {
				
	    		var eventId= eventObj.id.toString();
	    		$.ajax({  
	    	    	type: "post",  	       
	    	        dataType :"html",  
	    	        url: "GetEventDetailByAjax.do", 
	    	        data:{	    	        	
	    	        	id: eventId,
	    	        },
	    	        success: function(html){
	    	        	var updateDetailEventArea = $("#updateDetailEventArea");
	    	        	updateDetailEventArea.html(html);
	    	        },
	    	        error: function(jqXHR, textStatus, errorThrown){
	    	            alert('error');
	    	        }
	    	    });
	    		
	    		
		        $("#eventDetailModal").modal('show');

		    }
	    });
	}

	renderCalendar();

	<!-- Note cho Trang Lịch -->
	$(".fc-content" ).before( "<div class=row style='margin-bottom: 10px'><div class='col-md-6'><span class='label eventRed'>Đã kết thúc</span>&nbsp;<span class='label eventGreen'>Đang diễn ra</span>&nbsp;<span class='label eventBlue'>Sắp diễn ra</span></div> <div class='col-md-5' id='notification-calender' style='color: #F01111;font-size: 15px;margin-left: 60px;'></div></div>"); 

	document.getElementById("invitedPerson_create_tag").maxLength="45";
	$( "li:contains('Custom Range')" ).text("Tùy chọn ngày");

 });


</script>




</html>